import React from 'react';
import { Text, View, Platform, StyleSheet, Animated } from 'react-native';

const AnimatedText = Animated.Text;

const HeaderTitle = ({ style, ...rest }) => {
  return(
    <AnimatedText
      numberOfLines={1}
      {...rest}
      style={[styles.title, style]}
      accessibilityTraits="header"
    />
  )
}

const styles = StyleSheet.create({
  title: {
    flex:1,
    fontSize:  16,
    color: 'rgba(0, 0, 0, .9)',
    textAlign: 'center' ,
    marginHorizontal: 16,
  },
});

export default HeaderTitle;
